<include file="Public/header"/>
  <div class="row">
    <div class="wrapper wrapper-content animated">
      <eq name="fans[groupid]" value="4">
      <div class="ibox-content">
        <form class="layui-form" action="" method="get" autocomplete="off" id="orderform">
          <div class="layui-inline">
            <div class="layui-input-inline">
              <input style="width:400px;" type="text" class="layui-input" name="pay_successdate" id="createtime" placeholder="2018-6-6" value="" lay-key="1">
            </div>
          </div>
          <div class="layui-inline">
            <button type="submit" class="layui-btn layui-bg-blue"><i class="fa fa-search"></i> 搜索
            </button>

          </div>
          </form>
      </div>
    </div>
    <div class="container-fluid">
      <div class="row">
        <div class="col-xs-6 col-md-4 ">
          <div class="num-box">
            <div class="right-num">
              <p class="num-title">收入总额（可提现）</p>
              <p class="main-num"><{$fans['balance']}> 元</p>
            </div>
          </div>
        </div>
        <div class="col-xs-6 col-md-4 ">
          <div class="num-box">
            <div class="right-num">
              <p class="num-title">冻结金额（待解冻）</p>
              <p class="main-num"><{$fans['blockedbalance']}> 元</p>
            </div>
          </div>
        </div>
        <div class="col-xs-6 col-md-4 ">
          <div class="num-box">
            <div class="right-num">
              <p class="num-title">交易笔数</p>
              <p class="main-num"><{$count}> 笔</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="ibox float-e-margins">
        <div class="ibox-title">
          <h5>日交易统计</h5>
        </div>
        <div class="ibox-content">
          <div id="main" style="height:300px"></div>
        </div>
      </div>
    </div>
  </div>
  </eq>
</div>
<include file="dealrecordlModal" />
<!-- 全局js -->
<script src="<{$siteurl}>Public/Front/js/jquery.min.js"></script>
<script src="<{$siteurl}>Public/Front/js/bootstrap.min.js"></script>
<script src="<{$siteurl}>Public/Front/js/content.js?v=1.0.0"></script>
<script src="/Public/Front/js/echarts.common.min.js"></script>
<script type="text/javascript">
    var myChart = echarts.init(document.getElementById('main'));
    var option = {
        title : {
            text: '交易订单概况',
            subtext: '按天统计'
        },
        tooltip : {
            trigger: 'axis'
        },
        legend: {
            data:['成交','金额']
        },
        toolbox: {
            show : true,
            feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                restore : {show: true},
                saveAsImage : {show: true}
            }
        },
        calculable : true,
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : <{$category}>
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'成交',
                type:'line',
                smooth:true,
                itemStyle: {normal: {areaStyle: {type: 'default'}}},
                data:<{$dataone}>
            },
            {
                name:'金额',
                type:'line',
                smooth:true,
                itemStyle: {normal: {areaStyle: {type: 'default'}}},
                data:<{$datatwo}>
            }
        ]
    };

    // 为echarts对象加载数据
    myChart.setOption(option);
</script>
</body>
</html>
